<template>
  <div class='nav'>
    <ul class='nav-ul'>
      <div class="nav-ul-left">
        <img class='nav-left' src="../assets/search.png" width="100%" height="100%" />
      </div>
     <li>精选</li>
     <li>最新</li>
     <li>分类</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader'
  
}
</script>


<style scoped lang="stylus">
.nav
  display:flex;
  height:60px;
  .nav-ul-left
    float:left
    height:22px;
    width:22px;
    bottom:0px;
    margin-right:70px;
    margin-left:-20px;
    line-height:40px;
  .nav-ul>li
    float:left;
    list-style:none;
    text-align:center;
    margin:0 auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 40px;
    padding: 0 15px;
    text-align: center;
    margin-bottom:0px;

</style>
